  <template>
  <div class="wrap">
  <el-form :inline="true" :model="formInline" class="demo-form-inline">
  <el-form-item label="供应商名">
    <el-input v-model="formInline.user" placeholder="供应商名"></el-input>
  </el-form-item>
  <el-form-item label="类型">
    <el-select v-model="formInline.region" placeholder="类型">
      <el-option label="区域一" value="shanghai"></el-option>
      <el-option label="区域二" value="beijing"></el-option>
    </el-select>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" icon="el-icon-search" @click="onSubmit" style="margin-left: 10px;">搜索</el-button>
     <el-button type="primary" icon="el-icon-refresh" @click="onSubmit" style="margin-left: 10px;">清空</el-button>
     <el-button type="success" icon="el-icon-plus" @click="onSubmit" style="margin-left: 10px;">添加</el-button>
     <el-button type="danger" icon="el-icon-delete" @click="onSubmit" style="margin-left: 10px;">删除</el-button>
  </el-form-item>
</el-form>
    <el-table :data="tableData" style="width: 100%">
        <el-table-column prop="date" label="日期" width="180"></el-table-column>
        <el-table-column prop="name" label="姓名" width="180"></el-table-column>
        <el-table-column prop="address" label="地址"> </el-table-column>
    </el-table>
</div>
  </template>

  <script>
    export default {
      data() {
        return {
          tableData: [{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1517 弄'
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          }],
          formInline: {
            user: '',
            region: ''
          }
        }
      },
      methods: {
        onSubmit() {
          console.log('submit!')
        }
      }
}
  </script>
  <style scoped>
    .wrap{
        padding:20px;
    }
  </style>
  